<template>
    <div class="app-wrapper">
        <HeaderC />
        <main>
            <SideBar />
            <RightPanel />
        </main>
    </div>
</template>

<script setup>
import HeaderC from './components/header/Header.vue';
import SideBar from './components/sidebar/SideBar.vue';
import RightPanel from './components/rightPanel/RightPanel.vue';

// import { useRouter } from 'vue-router';
// import { useUserStore } from '@/store/modules/user';

// const router = useRouter();
// const userStore = useUserStore();

// if(!userStore.token) {
//     router.push('/login');
// }

</script>

<style lang="scss" scoped>
.app-wrapper{
    width: 100vw;
    height: 100vh;
    main{
        height: calc(100vh - 54px);
        width: 100%;
        display: flex;
    }
}
</style>